<?php 
	session_start();
	header("Content-Type: text/html;charset=utf-8");
       // echo 'session id: '.  session_id()."<br>";
        
        if(!isset($_SESSION['len'])){
            $_SESSION['len']="es";
//            echo 'idioma: '.$_SESSION['len'];
        }
                
//        echo 'idioma: '.$_SESSION['len'];
 
 ?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title><?php if($_SESSION['len']=="en"){  echo "We"; } else {echo "Nosotros"; } ?></title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> 
        <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="js/cufon-yui.js" type="text/javascript"></script>
        <script src="js/cufon-replace.js" type="text/javascript"></script> 
        <script src="js/Dynalight_400.font.js" type="text/javascript"></script>
        <script src="js/FF-cash.js" type="text/javascript"></script>
        <script src="js/tms-0.3.js" type="text/javascript"></script>
        <script src="js/tms_presets.js" type="text/javascript"></script>
        <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="js/jquery.equalheights.js" type="text/javascript"></script> 

       <!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
                <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
        <![endif]-->
        <!--[if lt IE 9]>
                    <script type="text/javascript" src="js/html5.js"></script>
            <![endif]-->
        <!--hola abraham-->
    </head>
    <body id="page1">
        <!--==============================header=================================-->
        <header>
            <div class="row-top">
                <div class="main">
                    <div class="wrapper">
                        <h1><a href="index.php"><img id="logoIMG" src="images/logo00.png"/></a></h1>
                        <nav>
                            <ul class="menu" >
                                <li><a class="active" href="index.php"><?php if($_SESSION['len']=="en"){ echo "About"; } else { echo "Nosotros"; } ?></a></li>
                                <li><a href="food.php"><?php if($_SESSION['len']=="en"){ echo "Food"; } else { echo "Tacos"; } ?></a></li>
                                <li><a href="drinks.php"><?php if($_SESSION['len']=="en"){ echo "Drinks"; } else { echo "Bebidas "; } ?></a></li>
                                <li><a href="galery.php"><?php if($_SESSION['len']=="en"){ echo "Galery"; } else { echo "Galeria"; } ?></a></li>
                                <li><a href="contact.php"><?php if($_SESSION['len']=="en"){ echo "Contact"; } else { echo "Contacto"; } ?></a></li>
                                <li><a href="php_scpts/len_chg_indx.php" > <?php if($_SESSION['len']=="en"){ echo "Español"; } else { echo "English"; } ?> </a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="row-bot">
                <div class="row-bot-bg">
                    <div class="main">
                        <h4 id="slogan"><?php if($_SESSION['len']=="en"){  echo "We do tacos, but no whatever taco."; } else {echo "Hacemos tacos, pero no cualquier taco."; } ?></h4>
                        <h2>...</h2>
                        <div class="slider-wrapper">
                            <div class="slider">
                                <ul class="items">
                                    <li>
                                        <img src="images/slider-img1.jpg" alt="" />
                                    </li>
                                    <li>
                                        <img src="images/slider-img2.jpg" alt="" />
                                    </li>
                                    <li>
                                        <img src="images/slider-img3.jpg" alt="" />
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!--==============================content================================-->
        <section id="content"><div class="ic"></div>
            <div class="main">
                <div class="wrapper img-indent-bot">
                    <article class="col-1">
                        <a href="#"><img class="img-border" src="images/uno.jpg" alt=""></a>
                    </article>
                    <article class="col-1">
                        <a href="#"><img class="img-border" src="images/banner-2.jpg" alt=""></a>
                    </article>
                    <article class="col-2">
                        <a href="#"><img class="img-border" src="images/banner-3.jpg" alt=""></a>
                    </article>
                </div>
                
               
                <div class="wrapper">
                    <article class="column-1">
                        <div class="indent-left">
                            <div class="maxheight indent-bot">
                                <h3><?php if($_SESSION['len']=="en"){  echo "Our services"; } else {echo "Nuestros servicios"; } ?></h3>
                                <ul class="list-1">
                                    <li><a href="food.php"><?php if($_SESSION['len']=="en"){  echo "Food"; } else {echo "Comida"; } ?></a></li>
                                    <li><a href="drinks.php"><?php if($_SESSION['len']=="en"){  echo "Drinks"; } else {echo "Bebidas"; } ?></a></li>
                                    <li><a href="contact.php"><?php if($_SESSION['len']=="en"){  echo "Events"; } else {echo "Eventos"; } ?></a></li>
                                </ul>
                            </div>

                        </div>
                    </article>
                    <article class="column-2">
                        <div class="maxheight indent-bot">
                            <h3 class="p1"><?php if($_SESSION['len']=="en"){  echo "About us"; } else {echo "Acerca de nosotros"; } ?></h3>                       
                            <p class="p2"><?php if($_SESSION['len']=="en"){  echo "Our history begins in 1980"; } else {echo "Nuestra historia comienza en 1980"; } ?></p>

                        </div>

                    </article>
                </div>
            </div>
        </section>

        <!--==============================footer=================================-->
        <footer>
            <div class="main">
                <div class="aligncenter">
                    <span>El Progreso &copy; 2014</span>
                </div>
            </div>
        </footer>
        <script type="text/javascript"> Cufon.now();</script>
        <script type="text/javascript">
                    $(window).load(function() {
                        $('.slider')._TMS({
                            duration: 1000,
                            easing: 'easeOutQuint',
                            preset: 'slideDown',
                            slideshow: 7000,
                            banners: false,
                            pauseOnHover: true,
                            pagination: true,
                            pagNums: false
                        });
                    });
        </script>

    </body>
</html>
